.toolbar
  display: flex
  flex-flow: row
  height: var(--toolbar-height)
  background: #202020
  margin-bottom: 4px
  padding: 0 2px

  .brand-logo
    margin: 8px 4px 12px 2px

  .toolbar-buttons
    width: 100%
    display: flex
    flex-flow: row
    justify-content: space-between

    .buttons-left, .buttons-right
      display: flex
      flex-flow: row

    .hideOnDesktop
      display: none

@media screen and (max-width: 1280px)
  // “第一个” “最后一个” 隐藏
  .toolbar-buttons
    #First,
    #Last
      display: none

@media screen and (max-width: 1160px)
  // “上一个” “下一个” 隐藏
  .toolbar-buttons
    #Previous,
    #Next
      display: none

@media screen and (max-width: 1060px)
  // “图像布局” “分享” “帮助” 隐藏
  .toolbar-buttons
    #ImageLayout,
    #share,
    #help
      display: none

@media screen and (max-width: 940px)
  // “放大镜” “roi调窗” “旋转” “下载” 隐藏
  // “工具” 显示
  .toolbar-buttons
    #Magnify,
    #WwwcRegion,
    // #RotateRight,
    #Download
      display: none

    #Tools
      display: block

@media screen and (max-width: 780px)
  // “翻页” “负向” 隐藏
  // 平面重建，“平面重建” “MaxIP” “MinIP” “AvgIP” “层厚” 隐藏
  // 体渲染中，“体渲染” “MaxIP” “MinIP” “AvgIP” “层厚” 隐藏
  .toolbar-buttons
    // #StackScroll,
    #Invert,
    #MPR
    #MaxIP,
    #MinIP,
    #AvgIP,
    .slab-thickness,
    #VR,
    #VRMaxIP,
    #VRMinIP,
    #VRAvgIP,
    #vtkMPR,
    #SeriesLayout
      display: none

    #BlendMode
      display: block


@media screen and (max-width: 660px)
  // “缩放” “移动” “复原” 隐藏
  .toolbar-buttons
    #Zoom,
    #Pan
    // #ResetViewport
      display: none

@media screen and (max-width: 600px)
  // 体渲染中，“骨窗” “心窗” “胸窗” “冠动脉” “肝窗” “肺窗” 隐藏
  .toolbar-buttons
    #CT-Bone,
    #CT-Cardiac,
    #CT-Chest,
    #CT-Coronary,
    #CT-Liver,
    #CT-Lung
      display: none

    #VTK-VR
      display: block

@media screen and (max-width: 540px)
  .toolbar
    .hideOnPhone
      display: none

    .toolbar-buttons
      .hideOnDesktop
        display: block

@media screen and (max-width: 420px)
  .toolbar-buttons
    .toolbar-button
      .ant-btn
        padding: 0 4px

@media screen and (max-width: 340px)
  .toolbar-buttons
    .toolbar-button
      .ant-btn
        padding: 0 2px
